@charset "utf-8";
/* CSS Document */

/* =Table
------------------------------------------------------------------------------------------------*/
table{
	font-size:90%;
	border:0.1px solid #FFFFFF;
	color:#FFFFFF;
}
td {
	color:#000000;
	border:0.1px solid #FFF;
	}
 th{
	text-transform:uppercase;
	font-weight:bold;
	background:#0033CC;
	text-align:center;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:0.1px solid #FFF;
}

 table th {
	text-align:center;
	padding:4px 10px 4px 13px;
}
table td {
	text-align:left;
	padding:4px 10px 4px 13px;
}

.zebra {
	background:#F9E9A9;
}

/* =Form
------------------------------------------------------------------------------------------------*/

form{
	padding:10px;
}

p label{
	display:block;
	float:left;
	margin-right:10px;
	text-align:right;
	width:140px;
}

form p{
	margin-bottom:10px;
}

#submit{
	padding:0 4px;
	border:#666 solid 1px;
	margin-left:150px;
}

.form_field{
	border:#666 solid 1px;
}

.form_field:focus{
	background-color:#F9E9A9;
}

p.message{
	color:#900;
	font-weight:bold;
	margin-bottom:10px;
	background-color:#6F6;
	padding:5px;
	border:1px solid #090;
}

.field_error{
	clear:both;
	color:#F00;
	
}

fieldset{
	border:1px solid;
	padding-left:10px;
	margin-bottom:10px;
}

/* =Link
------------------------------------------------------------------------------------------------*/
a.download,
a.verifikasi,
a.add, 
a.update, 
a.delete,
a.delete2,
a.back,
a.next,
a.excel,
a.aktif,
a.close,
a.nonaktif{
	font-size: 9pt;
	color:#900;
	font-weight:bold;
	padding-left:20px;
	text-decoration: none;
	height:20px;
	width:50px;
}

a.close:hover,
a.download:hover,
a.verifikasi:hover,
a.add:hover,
a.update:hover,
a.delete:hover,

a.back:hover,
a.next:hover,
a.excel:hover,
a.aktif:hover
a.nonaktif:hover{
	color:#FFCB2D;
}
a.delete2:hover {
	color:#000066;
	}

a.verifikasi{
	background:url(../images/verifikasi.png) left center no-repeat;
}
a.download {
	background:url(../images/14.png) left center no-repeat;
}
a.add {
	background:url(../images/2.png) left center no-repeat;
}
a.update {
	background:url(../images/update.png) left center no-repeat;
	width:64px;
	height:20px;
	font-size:14px;
}
a.delete {
	background:url(../images/hapus.png) left center no-repeat;
	width:64px;
	height:20px;
	font-size:14px;
}
a.delete2 {
	background:url(../images/hapus2.png) left center no-repeat;
	width:64px;
	height:20px;
	font-size:14px;
}
a.next {
	background:url(../images/9.png) left center no-repeat;
}
a.back {
	background:url(../images/10.png) left center no-repeat;
}
a.excel {
	background:url(../images/13.png) left center no-repeat;
}
a.close {
	background:url(../images/close.png) left center no-repeat;
	padding:5px;
	margin-right:12px;
	}
a.aktif {
	background:url(../images/nonaktif.png) left center no-repeat;
}
a.nonaktif {
	background:url(../images/aktif.png) left center no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

p#bottom_link{
	margin-top:10px;
}

/* =Pagination
------------------------------------------------------------------------------------------------*/
#pagination{
	margin-bottom:10px;
	color:#900;
}

#pagination a{
	text-decoration:none;
}

#pagination a:hover{
	color:#900;
	font-size:150%;
	font-weight:bold;
}

p strong {
	font-size:150%;
	font-weight:bold;
}

/* =Misc
------------------------------------------------------------------------------------------------*/
h2{
	
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:10px;
}

p.message{
	color:#900;
	font-weight:bold;
	background-color:#6F6;
	padding:5px;
	border:1px solid #090;
}

/* Approve
--------------------------------------------------------------------------------------------------*/
.box_approve {
	width:550px;
	height:auto;
	background-color:#CCFF33;
	padding:10px;
	float:left;
	}
.box_approve_right {
	width:550px;
	height:auto;
	background-color:#CCFF33;
	padding:10px;
	float:right;
	}

/* Dash Board 
---------------------------------------------------------------------------------------------------*/
.box_list_product {
	width:350px;
	height:auto;
	
	padding:10px;
	float:left;
	}
.box_list_pie {
	width:550px;
	height:auto;
	
	padding:10px;
	float:right;
	}

/* Advanced Search
---------------------------------------------------------------------------------------------------*/
.box_search {
	
	}
/* Ticket
---------------------------------------------------------------------------------------------------*/
.fg {
	width:145px;
	}
select .opt1 {
	background-color:#FF0000;
	color:#FFFFFF;
	
	}
select .opt1 visited {
	background-color:#000000;
	}
select .opt2 {
	background-color:#FF9900;
	color:#FFFFFF;
	}
select .opt3 {
	background-color:#FFFF00;
	color:#FFFFFF;
	}
span {
	background:#CC3300;
	}
option selected {
	background:#FF0000;
	}
/* Create Ticket 
----------------------------------------------------------------------------------*/
.box_ticket {
	width:auto;
	height:auto;
	background:;
	float:left;
	padding:15px;
	
	}
.box-image-ticket {
	width:auto;
	height:auto;
	padding-top:10px;
	}
/* severity 
----------------------------------------------------------------------------------*/
.merah {
	background:#FFCCFF;
	}
.high {
	background:#FF3300;
	}
.medium {
	background:#FFCC66;
	}
.low {
	background:#FFFF00;
	}
.note {
	background:#33CC33;
	}
/*
*/
.tb-jd {
	width:450px;
	background:#90ccff;

	}